<template>
	<view class="message-center">
		<!-- 标题区域 -->
		<view class="page-title">
			消息中心
		</view>

		<!-- 标签导航区域 -->
		<view class="tabs-container">
			<message-head-vue></message-head-vue>
		</view>
	</view>
</template>

<script>
	import messageHeadVue from '../../components/message/messageHead.vue';
	export default {
		components: {
			messageHeadVue
		},
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style scoped>
	/* 基础容器样式 */
	.message-center {
		min-height: 100vh;
		padding-bottom: 20rpx;
		box-sizing: border-box;
	}

	/* 标题样式 */
	.page-title {
		font-size: 36rpx;
		font-weight: 600;
		color: #1a1a1a;
		padding: 30rpx 30rpx 20rpx;
		letter-spacing: 0.5rpx;
	}
</style>